<!DOCTYPE html>
<html>
<head>
<title>W3school</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="index.css">
<link rel="icon" type="image/png" href="./img/icon.png" />
</head>
<body id="index">

<div class="main-index">
<div class="header">
  <img src="./img/W3school.jpg" height="93px">
  <!-- <input type="text" id="text"/>
  <img src="img/go.png" id="go"/> -->
  <div id="form">
  	<form action="" method="post" id="form">
  		<input type="text" name="text-search" class="box"  title="在此输入搜索内容。"  id="text">
  		<input type="submit" value="Go" class="button" title="搜索" id="go">
  	</form>
  </div>
  
</div>
<!-- 导航栏 -->
<div class="navbar" >
 <table>
	<tr>
		<th><a href="#">HTML/CSS</a></th>
		<th><a href="#">Browser Side</a></th>
		<th><a href="#">Server Side</a></th>
		<th><a href="#">Programming</a></th>
		<th><a href="#">XML</a></th>
		<th><a href="#">Web Building</a></th>
		<th><a href="#">Reference</a></th>
	</tr>
 </table>
</div>

<div class="row" id="rows">
  <div class="side">
    <h2>HTML 教程</h2>
    <dl>
      <dd>HTML</dd>
      <dd>HTML5</dd>
      <dd>XHTML</dd>
      <dd>CSS</dd>
      <dd>CSS3</dd>
      <dd>Bootstrap 5</dd>
      <dd>TCP/IP</dd>
    </dl>
    
    <h2>浏览器脚本</h2>
    <dl>
      <dd>JavaScript</dd>
      <dd>HTML DOM</dd>
      <dd>jQuery</dd>
      <dd>jQuery Mobile</dd>
      <dd>AJAX</dd>
      <dd>JSON</dd>
      <dd>E4X</dd>
      <dd>WMLScript</dd>
    </dl>

    <h2>服务器脚本</h2>
    <dl>
      <dd>PHP</dd>
      <dd>SQL</dd>
      <dd>ASP</dd>
      <dd>ADO</dd>
      <dd>ASP.NET</dd>
      <dd>VBScript</dd>
    </dl>

    <h2>编程</h2>
    <dl>
      <dd>Python</dd>
      <dd>Python NumPy</dd>
      <dd>机器学习</dd>
      <dd>Java</dd>
      <dd>C++</dd>
      <dd>C#</dd>
    </dl>

    <h2>XML 教程</h2>
    <dl>
      <dd>XML</dd>
      <dd>DTD</dd>
      <dd>XML DOM</dd>
      <dd>XSL</dd>
      <dd>XSLT</dd>
      <dd>XSL-FO</dd>
      <dd>XPath</dd>
      <dd>XQuery</dd>
      <dd>XLink</dd>
      <dd>XPointer</dd>
      <dd>Schema</dd>
      <dd>XForms</dd>
      <dd>WAP</dd>
      <dd>SVG</dd>
    </dl>

    <h2>Web Services</h2>
    <dl>
      <dd>XML</dd>
      <dd>DTD</dd>
      <dd>XML DOM</dd>
      <dd>XSL</dd>
      <dd>XSLT</dd>
      <dd>XSL-FO</dd>
      <dd>XPath</dd>
      <dd>XQuery</dd>
      <dd>XLink</dd>
      <dd>XPointer</dd>
      <dd>Schema</dd>
      <dd>XForms</dd>
      <dd>WAP</dd>
      <dd>SVG</dd>
    </dl>

  </div>

  <div class="main">
    <div class="message" id="m1">
      <h1>领先的 Web 技术教程 - 全部免费</h1>
      <p>在 W3School，你可以找到你所需要的所有的网站建设教程。</p>
      <p>基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。</p>
      <p><strong>从左侧的菜单选择你需要的教程！</strong></p>
    </div>

    <div class="message" id="m2">
      <div class="picture">
        <img src="img/cankaoshouce.png" >
      </div>
      <div class="words">
        <h3>完整的网站技术参考手册</h3>
        <p>我们的参考手册涵盖了网站技术的方方面面。</p>
        <p>其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。</p>
      </div>
    </div>    

    <div class="message" id="m3">
		<div class="picture">
			<img src="img/ceshi.png">
		</div>
    <div class="words">
      <h3>在线实例测试工具</h3>
      <p>在 W3School，我们提供上千个实例。</p>
      <p>通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。</p>
    </div>
    </div>    

    <div class="message" id="m4">
      <div class="picture">
        <img src="img/0eb6d1840314eeffd1bdc8299f3273b.png">
      </div>
      <div class="words">
        <h3>快捷易懂的学习方式</h3>
        <p>一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。</p>
        <p>在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。</p>
      </div>
    </div>

    <div class="message" id="m5">
      <div class="picture">
        <img src="img/920c73c95a37e1e897c6bda98fc8f97.png">
      </div>
      <div class="words">
        <h3>从何入手？</h3>
        <p>什么是一个 Web 建设者需要学习的知识呢？</p>
        <p>W3School 将为您回答这个问题，在您成为专业 Web 开发者的路上助一臂之力。</p>
        <p>如果您是初学者，请您阅读《<a href="https://www.w3school.com.cn/web/index.asp" title="网站构建初级教程" style="color: #843015;">网站构建初级教程</a>》。</p>
        <p>如果您是开发者，请您阅读《<a href="https://www.w3school.com.cn/site/index.asp" title="网站构建" style="color: #843015;">网站构建高级教程</a>》。</p>
      </div>
    </div>

    <div class="message" id="m6">
      <div class="picture">
        <img src="img/d0d5ce0cf598db13b5c276c4ceecb4b.png">
      </div>
      <div class="words">
        <h3>W3School 新闻</h3>
        <p>
        <a href="https://www.w3school.com.cn/bootstrap5/index.asp" style="font-size: 20px; color: #843015;"  title="Bootstrap 5 教程">Bootstrap 5 教程全新上线！</a>
        </p>
      </div>
    </div>
    
    <div class="message" id="m7">
      <div class="picture">
        <img src="img/更新.jpg">
      </div>
      <div class="words">
        <h3>W3School 更新信息</h3>
        <p>
          <a style="font-size: 20px; color: #843015;" href="https://www.w3school.com.cn/jsref/jsref_obj_array.asp" title="JavaScript 数组参考手册">JavaScript 数组参考手册</a>
          &nbsp;&nbsp;&nbsp;
          <a style="font-size: 20px; color: #843015;" href="https://www.w3school.com.cn/jsref/jsref_obj_date.asp" title="JavaScript 日期参考手册">JavaScript 日期参考手册</a>
        </p>
        <p>
          <a style="font-size: 20px; color: #843015;" href="https://www.w3school.com.cn/jsref/jsref_obj_math.asp" title="JavaScript 数学参考手册">JavaScript 数学参考手册</a>
        </p>
      </div>
    </div>

    <div class="message" id="m8">
      <div class="picture">
        <img src="img/友情.jpg" >
      </div>
      <div class="words">
        <h3>W3School 友情链接</h3>
        <p class="partner" >
          <a href="https://mozilla.com.cn/">Firefox 中文社区</a> 
          &nbsp;&nbsp;&nbsp; 
          <a href="https://www.w3ctech.com/">w3ctech</a> 
          &nbsp;&nbsp;&nbsp; 
          <a href="https://wetest.qq.com/?from=links_w3school">WeTest腾讯质量开放平台</a> 
          &nbsp;&nbsp;&nbsp;
        </p>
      </div>       
    </div>
    
    <div class="message" id="m9">
      <img src="img/新浪.jpg" style="width: 45px;">
      <div class="m91">
        <h4>新浪微博</h4>
        <p>
          <a href="https://weibo.com/w3schoolcomcn" style="color: black; font-size: 15px;">W3School 官方微博</a>
        </p>
      </div>
      <img src="img/新浪1.jpg" style="width: 95px;">
      
      <img src="img/微信.jpg" style="width: 45px; margin-left: 50px;" class="wechat">
      <div class="m91">
        <h4>微信公众号</h4>
        <p style="color: black; font-size: 15px;">W3School 官方服务号</p>
      </div>
      <img src="img/微信2.jpg" style="width: 95px;">
    </div>

  </div>

  <div class="side">
    <h2>参考手册</h2>
    <dl style="color: #843015;">
      <dd>HTML/HTML5 标签</dd>
      <dd>HTML 颜色</dd>
      <dd>CSS 1,2,3</dd>
      <dd>JavaScript</dd>
      <dd>HTML DOM</dd>
      <dd>jQuery</dd>
      <dd>jQuery Mobile</dd>
      <dd>VBScript</dd>
      <dd>ASP</dd>
      <dd>ADO</dd>
      <dd>ASP.NET</dd>
      <dd>PHP</dd>
      <dd>Python</dd>
      <dd>XML DOM</dd>
      <dd>XSLT 1.0</dd>
      <dd>XPath 2.0</dd>
      <dd>XSL-FO</dd>
      <dd>WML 1.1</dd>
      <dd>W3C 术语表</dd>
    </dl>
    <h2>字符集</h2>
    <dl style="color: #843015;">
      <dd>HTML 字符集</dd>
      <dd>HTML ASCII</dd>
      <dd>HTML Windows-1252</dd>
      <dd>HTML ISO-8859-1</dd>
      <dd>HTML 符号</dd>
      <dd>HTML UTF-8</dd>
    </dl>
    <h2>实例/案例</h2>
    <dl style="color: #843015;">
      <dd>HTML 实例</dd>
      <dd>CSS 实例</dd>
      <dd>XML 实例</dd>
      <dd>JavaScript 实例</dd>
      <dd>JavaScript 对象实例</dd>
      <dd>HTML DOM 实例</dd>
      <dd>jQuery 实例</dd>
      <dd>jQuery Mobile 实例</dd>
      <dd>XML DOM 实例</dd>
      <dd>DHTML 实例</dd>
      <dd>AJAX 实例</dd>
      <dd>VBScript 实例</dd>
      <dd>ASP 实例</dd>
      <dd>ADO 实例</dd>
      <dd>SVG 实例</dd>
      <dd>WAP 实例</dd>
    </dl>
    <h2>测验/考试</h2>
    <dl style="color: #843015;">
      <dd>HTML 测验</dd>
      <dd>HTML5 测验</dd>
      <dd>XHTML 测验</dd>
      <dd>CSS 测验</dd>
      <dd>XML 测验</dd>
      <dd>JavaScript 测验</dd>
      <dd>jQuery 测验</dd>
      <dd>SQL 测验</dd>
      <dd>ASP 测验</dd>
      <dd>PHP 测验</dd>
    </dl>
    
  </div>
</div>

<div class="footer1" id="footer1">
  <p class="f1" id="f1">
    W3School 简体中文版提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
  </p>
</div>

<div class="footer2" id="footer2">
  <p class="f2" id="f2">
    <a href="https://www.w3school.com.cn/about/about_use.asp" title="使用条款">使用条款</a>
    <a href="https://www.w3school.com.cn/about/about_privacy.asp" title="隐私条款">隐私条款</a>
    <a target="_blank" href="https://www.ykinvestment.com/">技术支持：赢科</a>
    <a target="_blank" href="https://beian.miit.gov.cn">蒙ICP备06004630号</a>
  </p>
</div>
</div>
</body>
</html>